<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>18.显示框类型</title>
    </head>
    <style>
    div {
        width: 100px;
        height: 100px;
        background: red;
        display: inline;
    }

    span {
        width: 100px;
        height: 100px;
        background: red;
        display: inline;
    }

    input {
        display: none;
    }

    #box1,
    #box2 {
        width: 100px;
        height: 100px;
        background: red
    }

   
</style>
    <body>
        <div id="box1">1</div>
        <div id="box2">2</div>
        <span>内联1</span>
        <span>内联2</span>
        <span>内联3</span>
        <input type="text">
    </body>

</html>